<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/index.css" rel="stylesheet" type="text/css">
	</head>
	<body>
		<nav class="nav" id="navBarMobile">
			<div class="nav-mobile-content" role="navigation">
				<div>
					<a href="#">
						<img src="images/沙滩_冰淇淋.png">
						<p>回到首页</p>
					</a>
				</div>
				<div>
					<a href="html/02.html">
						<img src="images/沙滩_太阳.png">
						<p>剧作、名人</p>
					</a>
				</div>
				<div>
					<a href="html/01.html">
						<img src="images/沙滩_路标.png">
						<p>各个地区</p>
					</a>
				</div>
			</div>
		</nav>
		<a href="html/01.html">
			<div role="banner" class="index-banner">
				<!-- 遮罩 -->
				<div class="banner-mask">
					<div class="main-container container">
						<div class="banner-content" id="banner-content">
							<h1>欢迎来到枣庄</h1>
							<p>经度：117.32. 纬度：34.82. 枣庄市<br>生态山水名城，运河文化之都，铁道英雄故乡。</p>
						</div>

					</div>
				</div>
			</div>
		</a>
		<div>
			<div class="banner-music" id="banner-music">
				<P>未名温暖 作者： 来源：网易云音乐</P>
				<audio autoplay="autoplay" controls="controls" height="100" width="100">
					<source src="music/Seali未名温暖.mp3" type="audio/mp3" />
					<source src="music/Seali未名温暖.mp3" type="audio/ogg" />
					<embed height="100%" width="100%" src="music/Seali未名温暖.mp3" />
				</audio>
			</div>
		</div>
	</body>
</html>
